<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title></title>
	<meta name="title" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="profile.css" type="text/css" media="screen, projection" />
</head>

<body>

<div id="wrapper">
	<div id="top_line">
	</div>
	<div id="header">
		<div id="header_logo">
        	<a href="#"><img src="img/Logo.png" /></a>
        </div>
        <div id="header_lang">
        	<a href="#"><img src="img/Lang_EN.png" /></a>
            <a href="#"><img src="img/Lang_DE.png" /></a>
        </div>
        <div id="header_menu">
        	<div id="header_menu_item"><a href="#">New User?</a></div>
            <div id="header_menu_item"><a href="#">Register</a></div>
            <div id="header_menu_item"><a href="#">Sign In</a></div>
            <div id="header_menu_item"><a href="#">Help</a></div>
        </div>
		
	</div><!-- #header-->
	<div id="menu">
    	<div id="menu_bar">
            <div class="menu_item_left">
                <div class="menu_item">
            		<a href="#">HOME</a>
            	</div>
            </div>
            <div class="menu_item_delimiter">
            </div>
            <div class="menu_item">
            	<a href="#">ABOUT US</a>
            </div>
            <div class="menu_item_delimiter">
            </div>            
            <div class="menu_item">
            	<a href="#">ADMISSIONS</a>
            </div>
            <div class="menu_item_delimiter">
            </div>            
            <div class="menu_item">
            	<a href="#">PROGRAMS</a>
            </div>
            <div class="menu_item_delimiter">
            </div>            
            <div class="menu_item_right">
            	<div class="menu_item">
            		<a href="#">CONTACTS</a>
            	</div>
            </div>
        </div>
        <div id="search_bar">
            <div id="search_bar_left">
            </div>
            <div id="search_bar_middle">
            	<div id="search_bar_input">
                	<input type="text" />
                </div>
                <div id="search_bar_search">
                	<a href="#">Search</a>
                </div>
            </div>
            <div id="search_bar_right">
            </div>
        </div>

    </div>

	<div id="middle">

		<div id="container">
			<div id="content">
				<div class="content_profile">
                	<div class="profile_name">
                    	<span>Personal page</span>
                    </div>
                    <div class="profile_img">
                    	<img src="img/profile_img.png" width="233" height="217"/>
                    </div>
                    <div class="profile_head">
                    	<span>CEMPORE MASSASOLUTA</span>
                    </div>
                    <div class="profile_item">
                    	<div class="profile_item_name">
                        	<span>First name:</span>
                        </div>
                        <div class="profile_item_text">
                        	<span>Jack</span>
                        </div>
                    </div>
                    
                    <div class="profile_item">
                    	<div class="profile_item_name">
                        	<span>Last name:</span>
                        </div>
                        <div class="profile_item_text">
                        	<span>Black</span>
                        </div>
                    </div>

                    <div class="profile_item">
                    	<div class="profile_item_name">
                        	<span>Sex:</span>
                        </div>
                        <div class="profile_item_text">
                        	<span>Male</span>
                        </div>
                    </div>
                    
                    <div class="profile_item">
                    	<div class="profile_item_name">
                        	<span>Phone:</span>
                        </div>
                        <div class="profile_item_text">
                        	<span>+375 29 xxxxxxx</span>
                        </div>
                    </div>                    
                    
                    <div class="profile_item">
                    	<div class="profile_item_name">
                        	<span>City:</span>
                        </div>
                        <div class="profile_item_text">
                        	<span>Minsk</span>
                        </div>
                    </div>
                    
                    <div class="profile_item">
                    	<div class="profile_item_name">
                        	<span>E-mail:</span>
                        </div>
                        <div class="profile_item_text">
                        	<span>mail@mail.org</span>
                        </div>
                    </div>
                    
                    <div class="profile_item">
                    	<div class="profile_item_name">
                        	<span>Skype:</span>
                        </div>
                        <div class="profile_item_text">
                        	<span>MySkype</span>
                        </div>
                    </div>
                    
                    <div class="profile_item">
                    	<div class="profile_item_name">
                        	<span>Twitter:</span>
                        </div>
                        <div class="profile_item_text">
                        	<span>MyTwitter</span>
                        </div>
                    </div>
                    
                    <div class="profile_item">
                    	<div class="profile_item_name">
                        	<span>Visited:</span>
                        </div>
                        <div class="profile_item_text">
                        	<span>today, 12:13</span>
                        </div>
                    </div>
                    
                    <div class="profile_item">
                    	<div class="profile_item_name">
                        	<span>Status:</span>
                        </div>
                        <div class="profile_item_text">
                        	<span>No status</span>
                        </div>
                    </div>
                    
                    <div class="profile_edit">
                    	<a href="#"><span>Edit</span></a>
                    </div> 
                    
                    <div class="profile_guestbook">
                    	<div class="profile_guestbook_name">
                        	<span>GUESTBOOK:</span>
                        </div>
						<div class="profile_guestbook_text">
                        	<textarea>Message...</textarea>
                        </div>                        
                        <div class="profile_guestbook_submit">
                        	<a href="#"><span>Submit</span></a>
                        </div>
                        <div class="profile_guestbook_clear">
                        	<a href="#"><span>Clear</span></a>
                        </div>
                    </div>
                </div>
			</div><!-- #content-->
		</div><!-- #container-->

		<div class="sidebar" id="sideRight">
        	<div class="actions_name">
            	<span>Actions:</span>                
            </div>
            <div class="action_date">
            	<span>17.06.2011</span>
            </div>
            <div class="action_type">
            	<span>download files</span>            
            </div>
            <div class="action_content">
            	<span>"Education and Jobs" J.Smith, U.Oliver, Minsk, 2003</span>
            </div>
            <div class="action_content">
            	<span>"School is cool" J.Smith, U.Oliver, Minsk, 2003</span>
            </div>
            
            <div class="action_date">
            	<span>17.06.2011</span>
            </div>
            <div class="action_type">
            	<span>download files</span>            
            </div>
            <div class="action_content">
            	<span>"Education and Jobs" J.Smith, U.Oliver, Minsk, 2003</span>
            </div>
            <div class="action_content">
            	<span>"School is cool" J.Smith, U.Oliver, Minsk, 2003</span>
            </div> 

            <div class="action_date">
            	<span>17.06.2011</span>
            </div>
            <div class="action_type">
            	<span>download files</span>            
            </div>
            <div class="action_content">
            	<span>"Education and Jobs" J.Smith, U.Oliver, Minsk, 2003</span>
            </div>
            <div class="action_content">
            	<span>"School is cool" J.Smith, U.Oliver, Minsk, 2003</span>
            </div> 
            
            <div class="action_page">
            	<a href="#"><span> << </span></a>            
            	<a href="#"><span>[1]</span></a>
              	<a href="#"><span>[2]</span></a>
            	<a href="#"><span>[3]</span></a>
            	<a href="#"><span>[4]</span></a>
               	<a href="#"><span>[5]</span></a>
               	<a href="#"><span>...</span></a>                
            	<a href="#"><span> >> </span></a>                
            </div>                                 
		</div><!-- .sidebar#sideRight -->

	</div><!-- #middle-->

</div><!-- #wrapper -->
<div id="bottom_line">
<div id="footer">
	<div id="footer_menu">
    	<div id="footer_menu_name">
            About
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>About us</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Work team</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Clients</span></a>
        </div>                
    </div>
    <div id="footer_menu">
        <div id="footer_menu_name">
            Main Services
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Market research</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Online support</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Business help</span></a>
        </div>   
    </div>
    <div id="footer_menu">
        <div id="footer_menu_name">
            Related Links
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Strategies</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>FAQ's</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Solutions</span></a>
        </div>   
    </div>
    <div id="newsletter">
    	<div id="newsletter_name">
            Newsletter
        </div>
        <div id="newsletter_input">
        	<input type="text"/>
        </div>
        <div id="newsletter_submit">
        	<a href="#"><span>SUBMIT</span></a>
        </div>
    </div>
    <div id="copyright">
    	<div id="compagny"><span>Compagny</span></div>
        <div id="rights"><span>c 2011 | All right reserved</span></div>
    </div>
</div><!-- #footer -->
</div>

</body>
</html>
